<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>QUIGRAFIN - Insumos Quimicos para la Industria Gráfica en Peru</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {

        $('#slider').nivoSlider({
        //effect: 'random',  Specify sets like: 'fold,fade,sliceDown'
		effect: 'sliceUpDownLeft,boxRainReverse', // Specify sets like: 'fold,fade,sliceDown'
        slices: 15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: true, // Next & Prev navigation
        directionNavHide: true, // Only show on hover
        controlNav: false, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel: false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav: true, // Use left & right arrows
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        captionOpacity: 0.8, // Universal caption opacity
        prevText: '<<', // Prev directionNav text
        nextText: '>>', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });

    });
	
</script>

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>
<div id="contenedor">
	<?php include 'modulos/menu-principal.php'?>    
    <div id="banner-menu">
    	<ul id="menu-horizontal">
			<li><a href="productos.php">Sustitutos de Alcohol</a></li>
            <li><a href="soluciones-convencionales.php">Soluciones y Aditivos para fuente</a></li>
            <li><a href="#">Limpiadores y Aditivos de mantenimiento</a></li>
            <li><a href="#">Aditivos para Placas Offset</a></li>
            <li><a href="#">Productos especiales</a></li>
            <li><a href="#">Tintas</a></li>
            <li><a href="#">Placas</a></li>
            <li><a href="#">Mantillas</a></li>
        </ul>
        <div id="banner">
        	<div id="slider" class="nivoSlider">
              <img src="banner/b1.png" alt="" />   
              <img src="banner/b2.png" alt="" />
                                         
        	</div>
        </div>
    </div>
    <div id="botones">
    	<div id="transparente">
    	<img src="imagenes/blanco.png" width="982" height="186" usemap="#Map" border="0" />
        <map name="Map" id="Map">
          <area shape="poly" coords="379,3,6,2,-1,180,315,184" href="soporte-tecnico.php" />
          <area shape="poly" coords="323,184,632,182,701,4,391,-2" href="novedades.php" />
          <area shape="poly" coords="709,2,639,182,979,183,979,1" href="informacion-interes.php" />
        </map>
      </div>
	<ul id="soporte-catalogo-informacion">
	  <li><a href="soporte-tecnico.php" class="soporte">Soporte T&eacute;cnico</a></li>
            <li><a href="novedades.php" class="catalogo">Novedades</a></li>
            <li><a href="informacion-interes.php" class="informacion">Informaci&oacute;n &Uacute;til</a></li>
     </ul>
    </div>
    <?php include 'modulos/piepagina.php'?>
</div>

<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>

</body>
</html>